//@flow

/**
 * 第三方登陆控件
 * 包含自动检测 是否可用
 * 只需配置好 ，然后引用此控件即可
 */

import React, { Component } from 'react';
import { 
    View,
    Text,
    TouchableOpacity,
 } from 'react-native';
import Icon from "react-native-vector-icons/AntDesign";
import { THIRD_PART_LIST } from './thirdPartConstant';
import { ThirdParyIcon } from './thirdPartIcon';
import { ThirpPartType } from "./modal";



export class ThirdPartLogin extends Component <{},State>{

    renderIcon(data:Array<ThirpPartType>=THIRD_PART_LIST){
        return data.map(item=>{
            return <ThirdParyIcon {...item} key={item.platform}/>
        })
    }
    render(){
        return (
            <View style={{flexDirection:'row',paddingVertical:10}}>
                {this.renderIcon(THIRD_PART_LIST)}
            </View>
        )
    }
}



